<template>
	<f7-page navbar-fixed id="notice" data-page='notice' class="notice">
		<f7-navbar v-if="$theme.ios">
			<f7-nav-left sliding>
				<div class="left">
					<a class="back" href="#">
						<i class="iconfont icon-zuo"></i>
						<span>返回</span>
					</a>
				</div>
			</f7-nav-left>
			<f7-nav-center sliding>通知公告</f7-nav-center>
			<f7-nav-right>
			</f7-nav-right>
		</f7-navbar>

		<div class="text">
			<div class="buttons-row">
		    	<!-- 关联到第一个tab, 默认激活 -->
		    	<a href="#tab1" class="tab-link active button">待审批(<span>3</span>)</a>
		    	<!-- 关联到第二个tab -->
		    	<a href="#tab2" class="tab-link button">已审批</a>
		    </div>
		    <div class="tabs-animated-wrap">
			    <div class="tabs">
				    <!-- Tab 1, 默认激活 -->
				    <div id="tab1" class="tab active">
				    	<ul class="a-c-cb-nav">
		  					<li class="a-cb-detial">
		  						<a class="clearfix" href="/appovalDetial/">
			  						<i class="left icon iconfont icon-caiwu"></i>
			  						<ul class="left">
			  							<li class="a-cb-d-title">财务开支审批-陈XX-052256732</li>
			  							<li class="clearfix a-cb-d-information"><span class="left">姓名:姓名</span><span class="right">开始时间:2017-10-20</span></li>
			  							<li class="a-cb-d-information"><span>部门:采购部</span></li>
			  						</ul>
			  					</a>
		  					</li>
		  					<li class="a-cb-detial">
		  						<a class="clearfix" href="/appovalDetial/">
			  						<i class="left icon iconfont icon-yongche"></i>
			  						<ul class="left">
			  							<li class="a-cb-d-title">财务开支审批-陈XX-052256732</li>
			  							<li class="clearfix a-cb-d-information"><span class="left">姓名:姓名</span><span class="right">开始时间:2017-10-20</span></li>
			  							<li class="a-cb-d-information"><span>部门:采购部</span></li>
			  						</ul>
			  					</a>
		  					</li>
		  					<li class="a-cb-detial">
		  						<a class="clearfix" href="#">
			  						<i class="left icon iconfont icon-chalv-chuchashenqingS1"></i>
			  						<ul class="left">
			  							<li class="a-cb-d-title">财务开支审批-陈XX-052256732</li>
			  							<li class="clearfix a-cb-d-information"><span class="left">姓名:姓名</span><span class="right">开始时间:2017-10-20</span></li>
			  							<li class="a-cb-d-information"><span>部门:采购部</span></li>
			  						</ul>
			  					</a>
		  					</li>
		  				</ul>
				    </div>
				    <!-- Tab 2 -->
				    <div id="tab2" class="tab">
				    	<ul class="a-c-cb-nav">
		  					<li class="a-cb-detial">
		  						<a class="clearfix" href="#">
			  						<i class="left icon iconfont icon-caiwu"></i>
			  						<ul class="left">
			  							<li class="a-cb-d-title">财务开支审批-陈XX-052256732</li>
			  							<li class="clearfix a-cb-d-information"><span class="left">姓名:姓名</span><span class="right">开始时间:2017-10-20</span></li>
			  							<li class="a-cb-d-information"><span>部门:采购部</span></li>
			  						</ul>
			  					</a>
		  					</li>
		  					<li class="a-cb-detial">
		  						<a class="clearfix" href="#">
			  						<i class="left icon iconfont icon-yongche"></i>
			  						<ul class="left">
			  							<li class="a-cb-d-title">财务开支审批-陈XX-052256732</li>
			  							<li class="clearfix a-cb-d-information"><span class="left">姓名:姓名</span><span class="right">开始时间:2017-10-20</span></li>
			  							<li class="a-cb-d-information"><span>部门:采购部</span></li>
			  						</ul>
			  					</a>
		  					</li>
		  					<li class="a-cb-detial">
		  						<a class="clearfix" href="#">
			  						<i class="left icon iconfont icon-caiwu"></i>
			  						<ul class="left">
			  							<li class="a-cb-d-title">财务开支审批-陈XX-052256732</li>
			  							<li class="clearfix a-cb-d-information"><span class="left">姓名:姓名</span><span class="right">开始时间:2017-10-20</span></li>
			  							<li class="a-cb-d-information"><span>部门:采购部</span></li>
			  						</ul>
			  					</a>
		  					</li>
		  				</ul>
				    </div>
				</div>
			</div>
		</div>

	</f7-page>

</template>

<script>
	export default {
		data: function() {
			return {
			}
		},
		mounted: function(){
			// this.init();
		},
		methods: {
			// init: function(){
			// 	this.$ajax.aboutOur().then(res => {

			// 	});
			// },
		}
	}
</script>